<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<link rel="stylesheet" type="text/css"
	href="../js/easyui/themes/default/easyui.css">
<link rel="stylesheet" type="text/css"
	href="../js/easyui/themes/icon.css">
<!-- 所有的JS插件都是依赖于JQuery,所以导入资源的时候,必须先导入jQuery -->
<script type="text/javascript" src="../js/jquery-1.8.3.js"></script>
<script type="text/javascript" src="../js/easyui/jquery.easyui.min.js"></script>
<script type="text/javascript"
	src="../js/easyui/locale/easyui-lang-zh_CN.js"></script>

<script src="../js/highcharts/highcharts.js"></script>
<script src="../js/highcharts/modules/exporting.js"></script>
<script src="../js/highcharts/highcharts-zh_CN.js"></script>

<script>
	$(function() {
		$('#container').highcharts(
				{

					title : {
						text : '2014 某网站各浏览器浏览量占比'
					},

					series : [ {
						type : 'pie',
						name : '浏览器访问量占比',
						data : [ [ 'Firefox', 45.0 ], [ 'IE', 26.8 ],
								[ 'Safari', 8.5 ], [ 'Opera', 6.2 ],
								[ '其他', 0.7 ] ]
					} ]
				});
	});
</script>
</head>
<body>
	<div id="container" style="min-width: 400px; height: 400px"></div>
</body>
</html>